
<template>
<el-button type="primary" plain size="medium" @click="dialogTableVisible = true">提交</el-button>
<el-dialog title="特殊情况证明" v-model="dialogTableVisible">
   <el-descriptions class="margin-top"  :column="3" border>
    <el-descriptions-item>
      <template #label>
        订单日期
      </template>
      2020.4.1
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        航班号
      </template>
      H18711
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        姓名
      </template>
      熊奕翔
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        身份证号
      </template>
      132456789
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        情况说明
      </template>
      航班H18711因天气原因，本应于2020.4.1日下午17：00于青岛流亭国际机场起飞，而延误至19:00
    </el-descriptions-item>
 
  </el-descriptions>
    <div class="btn">
    <el-button type="primary" size="small">打印</el-button>
    </div>
</el-dialog>


</template>

<script>
  export default {
    data() {
      return {
        gridData: [{
          date: '2016-05-02',
          id: '12345678',
        }],
        dialogTableVisible: false,
        dialogFormVisible: false,
  };
   }
}
</script>
<style scoped>
.btn{
    margin-top: 20px;
    margin-left: 300px;
}
</style>
